<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>HOME</title>
    <!-- Demo styles -->
    <style>


    </style>
    <script src="../font_ico/iconfont.js"></script>
    <!-- 引用bootstrap核心css -->

    <link rel="stylesheet" href="../css/bootstrap.min.css">

    <!-- 引用动画库 -->
    <link rel="stylesheet" href="../css/animate.min.css">

    <!-- 引用重置样式表 -->
    <link rel="stylesheet/less" href="../css/reset.less">

    <!-- 引用公共样式 -->
    <link rel="stylesheet/less" href="../css/common.less">

    <!-- 引用该页面样式 -->
    <link rel="stylesheet/less" href="../css/pinglun.less">

</head>

<body>
<div class="warp">
    <div class="shoucang-top">
        <p>消息</p>
        <div>
            <img src="../images/icons_search.png" alt="">
            <input type="text" placeholder="搜索...">

        </div>
    </div>

</div>
<div class="usr-list">
    <p>在线用户</p>
    <div class="usr-list-c">
        <div>
            <a href="">
                <img src="../images/36.gif" alt="">
                <span>然然</span>
            </a>
            <div class="green-l"></div>
        </div>
        <div>
            <a href="">
                <img src="../images/35.PNG" alt="">

                <span>然然2</span>
            </a>
            <div class="green-l"></div>
        </div>
        <div>
            <a href="">
                <img src="../images/9.PNG" alt="">

                <span>然然3</span>
            </a>
            <div class="green-l"></div>
        </div>
        <div>
            <a href="">
                <img src="../images/8.PNG" alt="">

                <span>然然4</span>
            </a>
            <div class="green-l"></div>
        </div>
        <div>
            <a href="">
                <img src="../images/7.PNG" alt="">

                <span>然然5</span>
            </a>
            <div class="green-l"></div>
        </div>
        <div>
            <a href="">
                <img src="../images/6.PNG" alt="">

                <span>然然6</span>
            </a>
            <div class="green-l"></div>
        </div>


    </div>

</div>
<div class="msg-list">
    <div>
        <div class="img"><img src="../images/36.gif" alt=""></div>
        <div class="msg-r">
            <p class="nikename">然然</p>
            <p class="msg">哈喽哈喽，最近有没有好好吃饭</p>

        </div>

    </div>
    <div>
        <div class="img"><img src="../images/33.PNG" alt=""></div>
        <div class="msg-r">
            <p class="nikename">然然2</p>
            <p class="msg">在干嘛？</p>

        </div>

    </div>
    <div>
        <div class="img"><img src="../images/32.PNG" alt=""></div>
        <div class="msg-r">
            <p class="nikename">然然3</p>
            <p class="msg">今晚有空吗？一起吃饭呀</p>

        </div>

    </div>
    <div>
        <div class="img"><img src="../images/30.PNG" alt=""></div>
        <div class="msg-r">
            <p class="nikename">然然4</p>
            <p class="msg">我找到一家很好吃的小吃店捏，下次一起去！</p>

        </div>

    </div>

</div>
<div class="end">
    <div>

        <a href="./shouye.html">
            <img src="../images/shouye.png">
        </a>
        <a href="./fujin.html">
            <img src="../images/daohang.png">
        </a>
        <a href="./shoucang.html">
            <img src="../images/shoucang.png">
        </a>
        <a href="./pinglun.html">
            <img src="../images/pinglun.png">
        </a>
        <a href="../index.html">
            <img src="../images/wode.png">
        </a>

    </div>
</div>
</body>

</html>
<script src="../js/jquery-3.5.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/wow.min.repeat.js"></script>
<script src="../js/less.min.js"></script>
<script src="../js/swiper-bundle.min.js"></script>

<script>
    //实例化wow.js
    new WOW().init();


</script>